<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p2_文本处理标签</title>
</head>
<body>
    我是普通文字
    <b>加粗文字bold</b>
    <i>斜体文字italic</i>
    <u>下划线文字underline</u>
    <s>删除线文字</s>
    <mark>高亮标记文字</mark>

    <!-- 2.空格折叠:将连续的多个空格与换行都折叠成一个空格显示   -->
    <br> <!-- 换行标签 单标记标签-->
    <!-- 3.转义符号:
    &nbsp;空格   &lt;小于号[less than]   &gt;大于号[great than]-->
    我是&nbsp;&nbsp;&nbsp;新内容
    <br>
    &lt;tom&gt;说:今天的天气很不错

    <!--3.标题标签 加粗 改字号 独占一行 有垂直方向的行间距 -->
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
    <h7>没有标题7</h7>

    <!-- 4. 段落标签 内容独占一行 有垂直方向的行间距  没有额外的文字效果-->
    <p>我是段落文字</p>
    <p>我是段落文字</p>
    <p>我是段落文字</p>

    <!-- 5.分割线标签   -->
    <hr>
    <p>
        <!-- 6.生成假文 lorem然后用Tab补全 -->
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi aspernatur aut deserunt dolores, doloribus, dolorum error eum facilis incidunt itaque mollitia nobis omnis pariatur repellendus sint velit, veniam voluptate.
    </p>

    <!--7.有序列表
    type="" 1阿拉伯数字 A/a字母 I/i罗马数字-->
    <ol type="1">
        <li>锅里倒水</li>
        <li>把水烧开</li>
        <li>开始煮面</li>
        <li>开始煮面</li>
        <li>开始煮面</li>
        <li>开始煮面</li>
    </ol>

    <!--8.无序列表 unordered list
    type="none" 去掉列表项前的标识符 -->
    <ul type="none">
        <!-- list item 列表项 -->
        <li>《Think in Java》</li>
        <li>《Java从入门到精通》</li>
        <li>《图解HTTP协议》</li>
        <li>《颈椎康复指南》</li>
    </ul>



</body>
</html>